<style>
    .layui-nav-style{
        background-color: rgba(10,10,0,0.7);
        border-color: #080808;
        box-shadow: 0px 0px 8px black;
        -webkit-transition: background-color .5s ease-in-out,box-shadow .5s ease-in-out;
    }
</style>
    <ul class="layui-nav layui-nav-style" lay-filter="">
        <?php $pages = \App\Services\PageService::getPages()?>
        @foreach($pages as $p)
            @if($p->level == 1)
            <li class="layui-nav-item"><a href="{{url($p->url)}}">{{$p->title}}</a></li>
                @else
                <li class="layui-nav-item">
                    <a href="javascript:;">{{$p->title}}</a>
                    <dl class="layui-nav-child">
                    @foreach($p->getChilds() as $kid)
                            <dd><a href="{{url($kid->url)}}">{{$kid->title}}</a></dd>
                        @endforeach
                    </dl>
                </li>
            @endif
            @endforeach
        <li class="layui-nav-item"><a href="">社区</a></li>
    </ul>
<script>
    layui.use('element', function(){
        var element = layui.element;
    });
    AOS.init({
        easing: 'ease-in-out-sine'
    });
</script>